<template>
    <div class="info">
        <div class="hot">
            <div class="title">
                <img class="icon" src="../../../assets/images/hot.png" alt="" />
                <a href="##"
                >查看更多<img src="../../../assets/images/more.png" alt=""
                /></a>
            </div>
            <ul class="list">
                <li v-for="item in news" :key="item.id">
                <span>最新</span> {{ item.title }}
                <img src="../../../assets/images/right.png" alt="" />
                </li>
            </ul>
        </div>
    </div>
</template>

<script>

export default {
  
  props:{
      covDesc:{
          type: Object,
          default: function(){
              return {}
          }
      },
       news: {
        type: Array,
        default: function () {
            return [];
      },
    },
  },
  data() {
        return {
           title:"病毒信息" 
        }
       
    }

}
</script>
<style lang="scss" scoped>
.info {
  padding: 0.2rem;
  .title {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #666;
    a {
      float: right;
      padding-top: .1rem;
      font-weight: normal;
      color: #4169e2;
      font-size: 0.26rem;
      img {
        width: .7rem;
      }
    }
  }
  .title::before {
    content: "";
    border-left: 0.1rem solid rgb(9, 60, 202);
    font-size: 0.26rem;
    margin-right: 0.1rem;
  }
  p {
    line-height: 0.5rem;
    color: #666;
  }
  .hot {
    padding-top: 0.2rem;
    border-bottom: 1px solid #eee;
    .icon {
      width: 3.0rem;
      vertical-align: top;
    }
    .list {
        margin: 0.7rem;
      li {
        line-height: 0.8rem;
        margin-bottom: 0.5rem;
        letter-spacing: 0.03rem;
        font-size: 0.3rem;
        color: #666;
      }
      span {
        background: #ff5555;
        color: #fff;
        font-size: 0.26rem;
        padding: 0.05rem 0.3rem;
        border-radius: 0.06rem;
      }
      img {
        float: right;
        width: 0.7rem;
        padding-right: 0.2rem;
      }
    }
  }
}
</style>
